<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>拉拉</title>
        <style>
            .thumbnail{
                float: left;
                width: 110px;
                height: 90px;
                margin: 5px;
            }
            .text_line{
                clear: both;
                margin-bottom: 2px;
            }
        </style>

    </head>
    <body>
        <h3>图片库</h3>
        <p>试着调整窗口,看看当图片没有足够的空间会发生什么</p>
        <img class="thumbnail" src="/imgs/250.png" width="107" height="90" alt="">
        <img class="thumbnail" src="/imgs/250.png" width="107" height="80" alt="">
        <img class="thumbnail" src="/imgs/250.png" width="117" height="90" alt="">
        <img class="thumbnail" src="/imgs/250.png" width="130" height="90" alt="">
        
        <h3 class="text_line">第二行</h3>
        <img class="thumbnail" src="/imgs/250.png" width="130" height="90" alt="">
        <img class="thumbnail" src="/imgs/250.png" width="105" height="90" alt="">
        <img class="thumbnail" src="/imgs/250.png" width="107" height="90" alt="">
        <img class="thumbnail" src="/imgs/250.png" width="107" height="90" alt="">
    </body>
</html>